<template>
    <el-main>
        <el-main class="ep-body">
            <epl-top-bar showPerson personType="PERSON_AAC031_1" psTagType="PERSON_AAB001_GROUP">
                <ep-button size="small" name="打印"></ep-button>
                <ep-button size="small" name="刷新"></ep-button>
            </epl-top-bar>
             <epl-userMessage dataType="person" idCount="2" :panel="panel">
                  <epl-personInsurance></epl-personInsurance>
            </epl-userMessage>
            <el-card class="ep-card">
                <ep-title>无年度账户月明细录入</ep-title>
                <el-form :model="form" :rules="rules" ref="form">
                    <el-row :gutter="10">
                        <ep-date colspan="8" label="开始年月" name="aae041" :property="form.aae041" placeholder="请选择开始年月" 
                                    p="E" format="yyyy-MM" value-format="yyyyMM" ></ep-date>
                        <ep-date colspan="8" label="结束年月" name="aae042" :property="form.aae042" placeholder="请选择结束年月" 
                                    p="E" format="yyyy-MM" value-format="yyyyMM" ></ep-date>
                        <ep-select colspan="8" label="应收类型" name="aaa115" :property="form.aaa115" codetype="AAA115"
                            placeholder="请选择应收类型" p="E" :datas="{formData: form}"></ep-select>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-select colspan="8" label="应收类型明细" name="bae570" :property="form.bae570" codetype="BAE570"
                            placeholder="请选择应收类型明细" p="E" :datas="{formData: form}"></ep-select> 
                        <ep-input colspan="8" label="缴费基数" name="aae180" :property="form.aae180" rules="this.$rules.numx"
                            placeholder="请输入缴费基数" p="E" :datas="{formData: form}" ></ep-input>  
                        <ep-input colspan="8" label="单位划账比例" name="aaa043" :property="form.aaa043" rules="this.$rules.numx"
                            placeholder="请输入单位划账比例" p="E" :datas="{formData: form}"></ep-input>   
                    </el-row>
                    <el-row :gutter="10">
                        <ep-input colspan="8" label="个人划账比例" name="aaa041" :property="form.aaa041" rules="this.$rules.numx"
                            placeholder="请输入个人划账比例" p="E" :datas="{formData: form}"></ep-input>
                        <ep-input colspan="8" label="社平划账比例" name="aaa040" :property="form.aaa040" rules="this.$rules.numx"
                            placeholder="请输入社平划账比例" p="E" :datas="{formData: form}"></ep-input>   
                    </el-row>
                </el-form>
                <ep-title>人员月账户信息</ep-title> 
               

                <el-row>
                    <ep-table :data="tableData" border style="width: 100%;" rowDbClick :titleFilter="demo">
                        <ep-table-column editor="index" width="100"  header="序号"></ep-table-column>    
                        <ep-table-column  sortable editor="select" edited width="120"  name="bae576" header="账目类型"></ep-table-column>
                        <ep-table-column  sortable editor="text"  edited width="120" name="aae002" header="结算年月"></ep-table-column>
                        <ep-table-column  sortable editor="text" edited width="120"  name="aac003" header="应收年月"></ep-table-column>
                        <ep-table-column  sortable editor="text"  edited width="120" name="aae079" header="到账年月"></ep-table-column>
                        <ep-table-column sortable editor="text" edited width="120"  name="aae180" header="缴费基数"></ep-table-column>
                        <ep-table-column  sortable editor="text" edited width="120"  name="aae202" header="缴费月数"></ep-table-column>
                        <ep-table-column  sortable editor="text" edited width="120"  name="aae021" header="单位划入"></ep-table-column>
                        <ep-table-column  sortable editor="text"  edited width="120" name="aae022" header="个人缴费"></ep-table-column>
                        <ep-table-column  sortable editor="text"  edited width="120" name="aae025" header="社平划入"></ep-table-column>
                        <ep-table-column  sortable editor="select" edited width="120"  name="aaa115" header="应收类型"></ep-table-column>
                        <ep-table-column  sortable editor="select"  edited width="180" name="bae570" header="应收类型明细"></ep-table-column>
                        <ep-table-column  sortable editor="select"  edited width="180" name="bae583" header="个人账目状态"></ep-table-column>
                        <ep-table-column  sortable editor="select"  edited width="300" name="bae577" header="首次个人账目状态明细"></ep-table-column>
                        <ep-table-column  sortable editor="select"  edited width="240" name="bae574" header="个人账目状态明细"></ep-table-column>
                        <ep-table-column header="操作" width="100" editor="button">
                            <template slot-scope="scope">
                                <el-button type="text" size="mini" @click="deleteCurrentRow(scope.row)">删除</el-button>
                            </template>
                        </ep-table-column>
                    </ep-table>
                </el-row>
                <el-row type="flex" justify="center">
                    <ep-button size="medium" type="text" name="+增加" id="doAdd" :datas="{tableData: tableData,baa115: form.baa115}"></ep-button>
                </el-row>
                <div style="margin: 15px 0;"></div>
                <el-row type="flex" justify="center">
                        <ep-saveButton  type="primary"  id="doSave"  ref="save" @formValidate="formValidate" :validate="['form']" 
                                       :datas="{panel:panel,formData: form,tableData: tableData}" name="保存"></ep-saveButton>
                </el-row>
            </el-card>
        </el-main>
    </el-main>
</template>


<script src="../js/PsAccountModifyJS.js"></script>
